<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>对话框窗口</title>
<link rel="stylesheet" type="text/css" href="${pageContext.servletContext.contextPath}/jquery-easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.servletContext.contextPath}/jquery-easyui/themes/icon.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
  $(function () {
    //渲染匹配元素为对话框
    $("#dialog").dialog({
      width : 320,
      height : 200,
      title : '对话框',
      //modal: true
      //设置对话框顶部工具栏
      toolbar : [ {
        text : '帮助',
        iconCls : 'icon-help',
        handler : function () {
          console.log("帮助");
        }
      } ],
      buttons : [ {
        text : '登录',
        iconCls : 'icon-man',
        handler : function () {
          console.log("登录");
        }
      } ]
    });
  })
  $(function () {
    $("#dialog").dialog({
      'resizable' : true,
      onClose : function () {
        console.log("关闭对话框");
      },
      //是否将窗体显示为模式化窗口，默认值为true
      modal : true
    });
  })
</script>
</head>
<body>
  <div class="easyui-dialog" style="width: 250px; height: 170px" data-options="title: '统计', iconCls: 'icon-large-chart'">
    <a href="javascript:console.log('编辑')" class="easyui-linkbutton" data-options="iconCls: 'icon-edit', plain: true">编辑</a>
    <a href="javascript:console.log('清空')" class="easyui-linkbutton"
      data-options="iconCls: 'icon-clear', plain: true">清空</a>
  </div>
  <div id="dialog" style="width: 200px; height: 150px"
    data-options="title: '对话框', collapsible: true, onOpen: function () {}"></div>
</body>
</html>